<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>帮助与支持</title>
    <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <link rel="stylesheet" href="css/mui.min.css">
    <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" href="css/swiper.min.css">
    <link rel="stylesheet" href="css/font-awesome.min.css">
</head>
<body class="yuyue_body">

<div class="close_login message_header">
    <a href="#">
        <img src="images/返回.png">
    </a>
    <span class="close_top_title">帮助与支持</span>
    <div class="clearfix"></div>
</div>

<div class="message_content help_content">
    <div class="help_q">
        <div class="help_q_option">
            <div class="qqq active">
                购车说明
            </div>
            <div class="qqq">
                费用说明
            </div>
            <div class="qqq">
                租后方案
            </div>
            <div class="qqq">
                用车规则
            </div>
            <div class="qqq">
                其他问题
            </div>
            <div class="mui-clearfix"></div>
        </div>
    </div>

    <div class="help_a">
        <div class="help_a_option">
            <div class="question_answer">
                <div class="question_answer_container">
                    <div class="index_question" id="index_question_1">
                        <div class="index_question_dot"><span></span></div>
                        <span class="index_question_words">弹个车的购车流程是怎样的呢？</span>
                        <i class="fa fa-angle-down"></i>
                        <div class="clearfix"></div>
                    </div>
                    <div class="index_answer hidden" id="index_answer_1">
                        <p>购车流程购车流程购车流程购车流程购车流程购车流程购车流程购车流程购车流程</p>
                        <p>1.购车流程购车流程购车流程购车流程购车流程购车流程购车流程购车流程购车流程</p>
                        <p>2.购车流程购车流程购车流程购车流程购车流程购车流程购车流程购车流程购车流程</p>
                        <p>3.购车流程购车流程购车流程购车流程购车流程购车流程购车流程购车流程购车流程</p>
                        <p>4.购车流程购车流程购车流程购车流程购车流程购车流程购车流程购车流程购车流程</p>
                    </div>
                </div>
            </div>
            <div class="question_answer">
                <div class="question_answer_container">
                    <div class="index_question" id="index_question_2">
                        <div class="index_question_dot"><span></span></div>
                        <span class="index_question_words">饭卡里付款的撒旦法飞洒放大？</span>
                        <i class="fa fa-angle-down"></i>
                        <div class="clearfix"></div>
                    </div>
                    <div class="index_answer hidden" id="index_answer_2">
                        <p>购车流程购车流程购车流程购车流程购车流程购车流程购车流程购车流程购车流程</p>
                        <p>1.购车流程购车流程购车流程购车流程购车流程购车流程购车流程购车流程购车流程</p>
                        <p>2.购车流程购车流程购车流程购车流程购车流程购车流程购车流程购车流程购车流程</p>
                        <p>3.购车流程购车流程购车流程购车流程购车流程购车流程购车流程购车流程购车流程</p>
                        <p>4.购车流程购车流程购车流程购车流程购车流程购车流程购车流程购车流程购车流程</p>
                    </div>
                </div>
            </div>
        </div>
        <div class="help_a_option hidden">
            <div class="question_answer">
                <div class="question_answer_container">
                    <div class="index_question" id="index_question_3">
                        <div class="index_question_dot"><span></span></div>
                        <span class="index_question_words">费用说明费用说明费用说明费用说明？</span>
                        <i class="fa fa-angle-down"></i>
                        <div class="clearfix"></div>
                    </div>
                    <div class="index_answer hidden" id="index_answer_3">
                        <p>购车流程购车流程购车流程购车流程购车流程购车流程购车流程购车流程购车流程</p>
                        <p>1.购车流程购车流程购车流程购车流程购车流程购车流程购车流程购车流程购车流程</p>
                        <p>2.购车流程购车流程购车流程购车流程购车流程购车流程购车流程购车流程购车流程</p>
                        <p>3.购车流程购车流程购车流程购车流程购车流程购车流程购车流程购车流程购车流程</p>
                        <p>4.购车流程购车流程购车流程购车流程购车流程购车流程购车流程购车流程购车流程</p>
                    </div>
                </div>
            </div>
            <div class="question_answer">
                <div class="question_answer_container">
                    <div class="index_question" id="index_question_4">
                        <div class="index_question_dot"><span></span></div>
                        <span class="index_question_words">费用说明费用说明费用说明费用说明？</span>
                        <i class="fa fa-angle-down"></i>
                        <div class="clearfix"></div>
                    </div>
                    <div class="index_answer hidden" id="index_answer_4">
                        <p>购车流程购车流程购车流程购车流程购车流程购车流程购车流程购车流程购车流程</p>
                        <p>1.购车流程购车流程购车流程购车流程购车流程购车流程购车流程购车流程购车流程</p>
                        <p>2.购车流程购车流程购车流程购车流程购车流程购车流程购车流程购车流程购车流程</p>
                        <p>3.购车流程购车流程购车流程购车流程购车流程购车流程购车流程购车流程购车流程</p>
                        <p>4.购车流程购车流程购车流程购车流程购车流程购车流程购车流程购车流程购车流程</p>
                    </div>
                </div>
            </div>
        </div>
        <div class="help_a_option hidden">
            <div class="question_answer">
                <div class="question_answer_container">
                    <div class="index_question" id="index_question_5">
                        <div class="index_question_dot"><span></span></div>
                        <span class="index_question_words">租后方案租后方案租后方案？</span>
                        <i class="fa fa-angle-down"></i>
                        <div class="clearfix"></div>
                    </div>
                    <div class="index_answer hidden" id="index_answer_5">
                        <p>购车流程购车流程购车流程购车流程购车流程购车流程购车流程购车流程购车流程</p>
                        <p>1.购车流程购车流程购车流程购车流程购车流程购车流程购车流程购车流程购车流程</p>
                        <p>2.购车流程购车流程购车流程购车流程购车流程购车流程购车流程购车流程购车流程</p>
                        <p>3.购车流程购车流程购车流程购车流程购车流程购车流程购车流程购车流程购车流程</p>
                        <p>4.购车流程购车流程购车流程购车流程购车流程购车流程购车流程购车流程购车流程</p>
                    </div>
                </div>
            </div>
            <div class="question_answer">
                <div class="question_answer_container">
                    <div class="index_question" id="index_question_6">
                        <div class="index_question_dot"><span></span></div>
                        <span class="index_question_words">租后方案租后方案租后方案租后方案？</span>
                        <i class="fa fa-angle-down"></i>
                        <div class="clearfix"></div>
                    </div>
                    <div class="index_answer hidden" id="index_answer_6">
                        <p>购车流程购车流程购车流程购车流程购车流程购车流程购车流程购车流程购车流程</p>
                        <p>1.购车流程购车流程购车流程购车流程购车流程购车流程购车流程购车流程购车流程</p>
                        <p>2.购车流程购车流程购车流程购车流程购车流程购车流程购车流程购车流程购车流程</p>
                        <p>3.购车流程购车流程购车流程购车流程购车流程购车流程购车流程购车流程购车流程</p>
                        <p>4.购车流程购车流程购车流程购车流程购车流程购车流程购车流程购车流程购车流程</p>
                    </div>
                </div>
            </div>
        </div>
        <div class="help_a_option hidden">
            <div class="question_answer">
                <div class="question_answer_container">
                    <div class="index_question" id="index_question_7">
                        <div class="index_question_dot"><span></span></div>
                        <span class="index_question_words">用车规则用车规则用车规则用车规则？</span>
                        <i class="fa fa-angle-down"></i>
                        <div class="clearfix"></div>
                    </div>
                    <div class="index_answer hidden" id="index_answer_7">
                        <p>购车流程购车流程购车流程购车流程购车流程购车流程购车流程购车流程购车流程</p>
                        <p>1.购车流程购车流程购车流程购车流程购车流程购车流程购车流程购车流程购车流程</p>
                        <p>2.购车流程购车流程购车流程购车流程购车流程购车流程购车流程购车流程购车流程</p>
                        <p>3.购车流程购车流程购车流程购车流程购车流程购车流程购车流程购车流程购车流程</p>
                        <p>4.购车流程购车流程购车流程购车流程购车流程购车流程购车流程购车流程购车流程</p>
                    </div>
                </div>
            </div>
            <div class="question_answer">
                <div class="question_answer_container">
                    <div class="index_question" id="index_question_8">
                        <div class="index_question_dot"><span></span></div>
                        <span class="index_question_words">用车规则用车规则？</span>
                        <i class="fa fa-angle-down"></i>
                        <div class="clearfix"></div>
                    </div>
                    <div class="index_answer hidden" id="index_answer_8">
                        <p>购车流程购车流程购车流程购车流程购车流程购车流程购车流程购车流程购车流程</p>
                        <p>1.购车流程购车流程购车流程购车流程购车流程购车流程购车流程购车流程购车流程</p>
                        <p>2.购车流程购车流程购车流程购车流程购车流程购车流程购车流程购车流程购车流程</p>
                        <p>3.购车流程购车流程购车流程购车流程购车流程购车流程购车流程购车流程购车流程</p>
                        <p>4.购车流程购车流程购车流程购车流程购车流程购车流程购车流程购车流程购车流程</p>
                    </div>
                </div>
            </div>
        </div>
        <div class="help_a_option hidden">
            <div class="question_answer">
                <div class="question_answer_container">
                    <div class="index_question" id="index_question_9">
                        <div class="index_question_dot"><span></span></div>
                        <span class="index_question_words">其他问题其他问题其他问题其他问题？</span>
                        <i class="fa fa-angle-down"></i>
                        <div class="clearfix"></div>
                    </div>
                    <div class="index_answer hidden" id="index_answer_9">
                        <p>购车流程购车流程购车流程购车流程购车流程购车流程购车流程购车流程购车流程</p>
                        <p>1.购车流程购车流程购车流程购车流程购车流程购车流程购车流程购车流程购车流程</p>
                        <p>2.购车流程购车流程购车流程购车流程购车流程购车流程购车流程购车流程购车流程</p>
                        <p>3.购车流程购车流程购车流程购车流程购车流程购车流程购车流程购车流程购车流程</p>
                        <p>4.购车流程购车流程购车流程购车流程购车流程购车流程购车流程购车流程购车流程</p>
                    </div>
                </div>
            </div>
            <div class="question_answer">
                <div class="question_answer_container">
                    <div class="index_question" id="index_question_10">
                        <div class="index_question_dot"><span></span></div>
                        <span class="index_question_words">其他问题其他问题其他问题？</span>
                        <i class="fa fa-angle-down"></i>
                        <div class="clearfix"></div>
                    </div>
                    <div class="index_answer hidden" id="index_answer_10">
                        <p>购车流程购车流程购车流程购车流程购车流程购车流程购车流程购车流程购车流程</p>
                        <p>1.购车流程购车流程购车流程购车流程购车流程购车流程购车流程购车流程购车流程</p>
                        <p>2.购车流程购车流程购车流程购车流程购车流程购车流程购车流程购车流程购车流程</p>
                        <p>3.购车流程购车流程购车流程购车流程购车流程购车流程购车流程购车流程购车流程</p>
                        <p>4.购车流程购车流程购车流程购车流程购车流程购车流程购车流程购车流程购车流程</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>





</body>
<script src="js/mui.min.js"></script>
<script src="js/jquery.2.1.1min.js"></script>
<script src="js/swiper.jquery.min.js"></script>
<script type="text/javascript">
    $(document).ready(function () {
        $(".advice_content ul li").click(function () {
            var num=$(this).index(this);
            $(this).addClass("active");
            $(this).siblings().removeClass("active");
        });
        $(".help_q_option .qqq").click(function(){
            var number=$(".help_q_option .qqq").index(this);
            $(this).addClass("active");
            $(this).siblings().removeClass("active");
            $(".help_a_option:eq("+number+")").show();
            $(".help_a_option:eq("+number+")").siblings().hide();
        });
        $("#index_question_1").click(function(){
            $("#index_answer_1").slideToggle();
            $("#index_question_1 .fa").toggleClass("fa-angle-down");
            $("#index_question_1 .fa").toggleClass("fa-angle-up");
        });
        $("#index_question_2").click(function(){
            $("#index_answer_2").slideToggle();
            $("#index_question_2 .fa").toggleClass("fa-angle-down");
            $("#index_question_2 .fa").toggleClass("fa-angle-up");
        });
        $("#index_question_3").click(function(){
            $("#index_answer_3").slideToggle();
            $("#index_question_3 .fa").toggleClass("fa-angle-down");
            $("#index_question_3 .fa").toggleClass("fa-angle-up");
        });
        $("#index_question_4").click(function(){
            $("#index_answer_4").slideToggle();
            $("#index_question_4 .fa").toggleClass("fa-angle-down");
            $("#index_question_4 .fa").toggleClass("fa-angle-up");
        });
        $("#index_question_5").click(function(){
            $("#index_answer_5").slideToggle();
            $("#index_question_5 .fa").toggleClass("fa-angle-down");
            $("#index_question_5 .fa").toggleClass("fa-angle-up");
        });
        $("#index_question_6").click(function(){
            $("#index_answer_6").slideToggle();
            $("#index_question_6 .fa").toggleClass("fa-angle-down");
            $("#index_question_6 .fa").toggleClass("fa-angle-up");
        });
        $("#index_question_7").click(function(){
            $("#index_answer_7").slideToggle();
            $("#index_question_7 .fa").toggleClass("fa-angle-down");
            $("#index_question_7 .fa").toggleClass("fa-angle-up");
        });
        $("#index_question_8").click(function(){
            $("#index_answer_8").slideToggle();
            $("#index_question_8 .fa").toggleClass("fa-angle-down");
            $("#index_question_8 .fa").toggleClass("fa-angle-up");
        });
        $("#index_question_9").click(function(){
            $("#index_answer_9").slideToggle();
            $("#index_question_9 .fa").toggleClass("fa-angle-down");
            $("#index_question_9 .fa").toggleClass("fa-angle-up");
        });
        $("#index_question_10").click(function(){
            $("#index_answer_10").slideToggle();
            $("#index_question_10 .fa").toggleClass("fa-angle-down");
            $("#index_question_10 .fa").toggleClass("fa-angle-up");
        });

    })
</script>

</html>